<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> @font-face 规则</title>
    <style>
        @font-face{
            font-family: myFirstFont;
            src: url('i/Sansation_Light.ttf')
            ,url('i/Sansation_Light.eot'); /* IE9+ */
        }

        @font-face{
            font-family: myFirstFont;
            src: url('i/Sansation_Bold.ttf')
                ,url('i/Sansation_Bold.eot'); /* IE9+ */
            font-weight:bold;
        }

        div{
            font-family:myFirstFont;
        }
    </style>
</head>
<body>

<div>
    With CSS3, websites can <b>finally</b> use fonts other than the pre-selected "web-safe" fonts.
</div>
<p><b>注释：</b>Internet Explorer 9+ 支持新的 @font-face 规则。Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。</p>

</body>

</body>
</html>